.container{
  width: 100%;
  height: 100%;
  background: url('../assets/images/faredetail_bg.png') no-repeat;
  background-size: 100% 100%;
  padding-top: 201px;
  .main{
    width: 100%;
    height: auto;
    padding: 0px 50px;
    .fare_title{
      width: 100%;
      height: auto;
      background: #FFFFFF;
      box-shadow: 0px 2px 24px 0px rgba(0, 0, 0, 0.06);
      border-radius: 12px;
      padding: 39px 48px 30px 48px;
      h3{
        font-size: 30px;
        font-family: PingFang SC;
        font-weight: 400;
        color: #333333;
        padding-bottom: 29px;
        border-bottom: 1px solid #EDEEF0;
      }
      p{
        font-size: 60px;
        font-family: PingFang SC;
        font-weight: 400;
        color: #1B4087;
        padding-top: 19px;
      }
      span{
        display: block;
        font-size: 24px;
        font-family: PingFang SC;
        font-weight: 400;
        color: #666666;
        padding-top: 30px;
      }
    }
    .fare_detail{
      width: 100%;
      height: auto;
      background: #FFFFFF;
      box-shadow: 0px 2px 24px 0px rgba(0, 0, 0, 0.06);
      border-radius: 12px;
      margin-top: 24px;
      padding: 0px 47px 25px 47px;
      ul{
        width: 100%;
        li{
          width: 100%;
          height: 131px;
          // display: flex;
          // align-items: center;
          list-style: none;
          border-bottom: 1px solid #EDEEF0;
          label{
            font-size: 26px;
            font-family: PingFang SC;
            font-weight: 400;
            color: #999999;
            display: block;
            padding-top: 29px;
          }
          span{
            display: block;
            font-size: 30px;
            font-family: PingFang SC;
            font-weight: 400;
            color: #333333;
            padding-top: 10px;
          }
          &:first-child{
            border-bottom: none;
            display: flex;
            justify-content: space-between;
            .payable{
              width: 45%;
              border-bottom: 1px solid #EDEEF0;
            }
            .paid{
              width: 45%;
              border-bottom: 1px solid #EDEEF0;       
            }
          }
          &:last-child{
            border-bottom: none;
          }
        }
      }
    }
    .pay_cont{
      margin-top: 20px;
      // padding: 0px 20px;
      p{
        width: 100%;
        display: flex;
        align-items: center;
        padding-left: 47px;
        // justify-content: center;
        img{
          width: 25px;
        }
        span{
          font-size: 24px;
          font-family: PingFang SC;
          font-weight: 400;
          color: #999999;
          display: inline-block;
          padding-left: 10px;
        }
      }
      .immediate {
        width: 100%;
        height: 88px;
        line-height: 88px;
        text-align: center;
        background: #AC7C58;
        box-shadow: 0px 6px 10px 0px rgba(162, 187, 224, 0.24);
        border-radius: 12px;
        font-size: 32px;
        font-family: PingFang SC;
        font-weight: 400;
        color: #FFFFFF;
        margin-top: 61px;
      }
    }
  }
}